import { PageContainer } from '@ant-design/pro-components';
import { Card, Table, Typography } from 'antd';
import React from 'react';

const Admin: React.FC = () => {
  const columns = [
    {
      title: '服药人',
      width: 100,
      dataIndex: 'prisoner',
      key: 'prisoner',
      render: (text) => <a>{text}</a>,
    },
    {
      width: 100,
      title: '主治医生',
      dataIndex: 'doctor',
      key: 'doctor',
    },
    {
      title: '服药事件',
      dataIndex: 'diagnosis',
      key: 'diagnosis',
    },
    {
      title: '服药时间',
      dataIndex: 'date_time',
      key: 'date_time',
      width: 170,
    },
  ];

  const dataSource = [
    {
      prisoner: '张三',
      doctor: '李时珍',
      diagnosis: `查体：患者体温38.5℃，咽部充血，扁桃体未见肿大，双肺呼吸音清晰，未闻及干湿啰音，心率正常，无其他异常体征。

      诊断：根据患者的症状和查体结果，初步诊断为普通感冒。
      
      治疗建议：
      
      休息：建议患者充分休息，避免过度劳累，以促进身体康复。
      饮食调理：建议患者多喝水，保持充足的水分摄入，同时避免辛辣、刺激性食物，以免加重症状。
      药物治疗：可给予解热镇痛药如对乙酰氨基酚等缓解发热、头痛等症状，同时可配合中成药如板蓝根颗粒、感冒清热颗粒等辅助治疗。但需注意，药物使用应遵循医嘱，避免滥用。`,
      date_time: '2023-04-06 12:33:22',
    },
  ];

  return (
    <PageContainer>
      <Card>
        <Typography.Title level={2} style={{ textAlign: 'center' }}>
          <Table columns={columns} dataSource={dataSource}></Table>
        </Typography.Title>
      </Card>
    </PageContainer>
  );
};

export default Admin;
